/*
    全局公共样式和字体图标
*/
view,
scroll-view,
swiper,
swiper-item,
cover-view,
cover-image,
icon,
text,
rich-text,
progress,
button,
checkbox,
form,
input,
label,
radio,
slider,
switch,
textarea,
navigator,
audio,
camera,
image,
video {
	box-sizing: border-box; // 并排放置两个带边框的框
}

/*通用 */
view {
	font-size: 14px; // 14px
	line-height: 1.5;
	color: #3b4144;
}

/* 骨架屏替代方案 */
/* .Skeleton {
	background: #f3f3f3;
	padding: 20upx 0;
	border-radius: 8upx;
} */

/* 图片载入替代方案 */
/* .image-wrapper {
	font-size: 0;
	background: #f3f3f3;
	border-radius: 4px;

	image {
		width: 100%;
		height: 100%;
		transition: .6s;
		opacity: 0;

		&.loaded {
			opacity: 1;
		}
	}
}

.clamp {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: block;
}

.common-hover {
	background: #f5f5f5;
} */

/*边框*/
/* .b-b:after,
.b-t:after {
	position: absolute;
	z-index: 3;
	left: 0;
	right: 0;
	height: 0;
	content: '';
	transform: scaleY(.5);
	border-bottom: 1px solid $border-color-base;
}

.b-b:after {
	bottom: 0;
}

.b-t:after {
	top: 0;
} */

/* button样式改写 */
/* uni-button,
button {
	height: 80upx;
	line-height: 80upx;
	font-size: $font-lg + 2upx;
	font-weight: normal;

	&.no-border:before,
	&.no-border:after {
		border: 0;
	}
}

uni-button[type=default],
button[type=default] {
	color: $font-color-dark;
}
 */
/* input 样式 */
/* .input-placeholder {
	color: #999999;
}

.placeholder {
	color: #999999;
}
 */
/*****************  公共配置  *****************/
/* page */
.uni-page-head {
	padding: 35upx;
	text-align: center;
}

.uni-page-head-title {
	display: inline-block;
	padding: 0 40upx;
	font-size: 30upx;
	height: 88upx;
	line-height: 88upx;
	color: #BEBEBE;
	box-sizing: border-box;
	border-bottom: 2upx solid #D8D8D8;
}

.uni-page-body {
	width: 100%;
	height: 100%;
	/* flex-grow: 1; */
	overflow-x: hidden;
}

.uni-padding-wrap {
	width: auto;
	padding: 30upx 30upx;
}

.uni-word {
	text-align: center;
	padding: 200upx 100upx;
}

.uni-title {
	font-size: 30upx;
	font-weight: 500;
	padding: 20upx 0;
	line-height: 1.5;
}

.uni-text {
	font-size: 28upx;
}

.uni-title text {
	font-size: 24upx;
	color: #888;
}

.uni-text-gray {
	color: #ccc;
}

.uni-text-small {
	font-size: 24upx;
}

.uni-input {
	height: 50upx;
	padding: 15upx 25upx;
	line-height: 50upx;
	font-size: 28upx;
	background: #FFF;
	flex: 1;
}


/* timeline */
.uni-timeline {
	margin: 35upx 0;
	display: flex;
	flex-direction: column;
	position: relative;
}


.uni-timeline-item {
	display: flex;
	flex-direction: row;
	position: relative;
	padding-bottom: 20upx;
	box-sizing: border-box;
	overflow: hidden;

}

.uni-timeline-item .uni-timeline-item-keynode {
	width: 160upx;
	flex-shrink: 0;
	box-sizing: border-box;
	padding-right: 20upx;
	text-align: right;
	line-height: 65upx;
}

.uni-timeline-item .uni-timeline-item-divider {
	flex-shrink: 0;
	position: relative;
	width: 30upx;
	height: 30upx;
	top: 15upx;
	border-radius: 50%;
	background-color: #bbb;
}



.uni-timeline-item-divider::before,
.uni-timeline-item-divider::after {
	position: absolute;
	left: 15upx;
	width: 1upx;
	height: 100vh;
	content: '';
	background: inherit;
}

.uni-timeline-item-divider::before {
	bottom: 100%;
}

.uni-timeline-item-divider::after {
	top: 100%;
}


.uni-timeline-last-item .uni-timeline-item-divider:after {
	display: none;
}

.uni-timeline-first-item .uni-timeline-item-divider:before {
	display: none;
}

.uni-timeline-item .uni-timeline-item-content {
	padding-left: 20upx;
}

.uni-timeline-last-item .bottom-border::after {
	display: none;
}

.uni-timeline-item-content .datetime {
	color: #CCCCCC;
}

/* 自定义节点颜色 */
.uni-timeline-last-item .uni-timeline-item-divider {
	background-color: #1AAD19;
}

/* Map infoBox */
.mapWindow_monitor {
	width: 100px;
	/* z-index: 100; */
	position: absolute;
	top: -55px;
	left: -35px;
}

/* .mapWindow_monitor_corner { */
/* 注意:uni-app背景图片 本地引用路径 */
/*  background-image: url('~@/static/img/map/mapwindow_tail.png');
    background-repeat: no-repeat;
    background-position: center;
    width: 9px;
    height: 7px;
    position: absolute;
    bottom: -7px;
    left: 30px;
} */

.mapWindow_monitor_body {
	background-color: #D42324;
	border-radius: 15px;
	box-shadow: 0px -2px 5px #888888;
	padding: 1px;
}

.mapWindow_monitor_name {
	text-align: center;
	color: #D42324;
	height: 23px;
	line-height: 23px;
	padding-left: 5px;
	font-size: 13px;
}

.mapWindow_monitor_icon {
	float: left;
}

.mapWindow_monitor_icon img {
	vertical-align: text-top;
}

.mapWindow_monitor_txt {
	margin-left: 18px;
	border-radius: 0 15px 15px 0;
	background-color: #fff;
}


/* 列表 */
.uni-list {
	background-color: #FFFFFF;
	position: relative;
	width: 100%;
	display: flex;
	flex-direction: column;
}

.uni-list:after {
	position: absolute;
	z-index: 10;
	right: 0;
	bottom: 0;
	left: 0;
	height: 1px;
	content: '';
	-webkit-transform: scaleY(.5);
	transform: scaleY(.5);
	background-color: #c8c7cc;
}

.uni-list::before {
	position: absolute;
	z-index: 10;
	right: 0;
	top: 0;
	left: 0;
	height: 1px;
	content: '';
	-webkit-transform: scaleY(.5);
	transform: scaleY(.5);
	background-color: #c8c7cc;
}

.uni-list-cell {
	position: relative;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}

.uni-list-cell-hover {
	background-color: #eee;
}

.uni-list-cell-pd {
	padding: 22upx 30upx;
}

.uni-list-cell-left {
	white-space: nowrap;
	font-size: 28upx;
	padding: 0 30upx;
}

.uni-list-cell-db,
.uni-list-cell-right {
	flex: 1;
}

.uni-list-cell::after {
	position: absolute;
	z-index: 3;
	right: 0;
	bottom: 0;
	left: 30upx;
	height: 1px;
	content: '';
	-webkit-transform: scaleY(.5);
	transform: scaleY(.5);
	background-color: #c8c7cc;
}

.uni-list .uni-list-cell:last-child::after {
	height: 0upx;
}

.uni-list-cell-last.uni-list-cell::after {
	height: 0upx;
}

.uni-list-cell-divider {
	position: relative;
	display: flex;
	color: #999;
	background-color: #f7f7f7;
	padding: 15upx 20upx;
}

.uni-list-cell-divider::before {
	position: absolute;
	right: 0;
	top: 0;
	left: 0;
	height: 1px;
	content: '';
	-webkit-transform: scaleY(.5);
	transform: scaleY(.5);
	background-color: #c8c7cc;
}

.uni-list-cell-divider::after {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0upx;
	height: 1px;
	content: '';
	-webkit-transform: scaleY(.5);
	transform: scaleY(.5);
	background-color: #c8c7cc;
}

.uni-list-cell-navigate {
	font-size: 30upx;
	padding: 22upx 30upx;
	line-height: 48upx;
	position: relative;
	display: flex;
	box-sizing: border-box;
	width: 100%;
	flex: 1;
	justify-content: space-between;
	align-items: center;
}

.uni-list-cell-navigate {
	padding-right: 36upx;
}

.uni-navigate-badge {
	padding-right: 50upx;
}

.uni-list-cell-navigate.uni-navigate-right:after {
	font-family: uniicons;
	content: '\e583';
	position: absolute;
	right: 24upx;
	top: 50%;
	color: #bbb;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.uni-list-cell-navigate.uni-navigate-bottom:after {
	font-family: uniicons;
	content: '\e581';
	position: absolute;
	right: 24upx;
	top: 50%;
	color: #bbb;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.uni-list-cell-navigate.uni-navigate-bottom.uni-active::after {
	font-family: uniicons;
	content: '\e580';
	position: absolute;
	right: 24upx;
	top: 50%;
	color: #bbb;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.uni-collapse.uni-list-cell {
	flex-direction: column;
}

.uni-list-cell-navigate.uni-active {
	background: #eee;
}

.uni-list.uni-collapse {
	box-sizing: border-box;
	height: 0;
	overflow: hidden;
}

.uni-collapse .uni-list-cell {
	padding-left: 20upx;
}

.uni-collapse .uni-list-cell::after {
	left: 52upx;
}

.uni-list.uni-active {
	height: auto;
}

/* 列表 */
.uni-list {
	background-color: #FFFFFF;
	position: relative;
	width: 100%;
	display: flex;
	flex-direction: column;
}

.uni-list:after {
	position: absolute;
	z-index: 10;
	right: 0;
	bottom: 0;
	left: 0;
	height: 1px;
	content: '';
	-webkit-transform: scaleY(.5);
	transform: scaleY(.5);
	background-color: #c8c7cc;
}

.uni-list::before {
	position: absolute;
	z-index: 10;
	right: 0;
	top: 0;
	left: 0;
	height: 1px;
	content: '';
	-webkit-transform: scaleY(.5);
	transform: scaleY(.5);
	background-color: #c8c7cc;
}

.uni-list-cell {
	position: relative;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}

.uni-list-cell-hover {
	background-color: #eee;
}

.uni-list-cell-pd {
	padding: 22rpx 30rpx;
}

.uni-list-cell-left {
	white-space: nowrap;
	font-size: 28rpx;
	padding: 0 30rpx;
}

.uni-list-cell-db,
.uni-list-cell-right {
	flex: 1;
}

.uni-list-cell::after {
	position: absolute;
	z-index: 3;
	right: 0;
	bottom: 0;
	left: 30rpx;
	height: 1px;
	content: '';
	-webkit-transform: scaleY(.5);
	transform: scaleY(.5);
	background-color: #c8c7cc;
}

.uni-list .uni-list-cell:last-child::after {
	height: 0rpx;
}

.uni-list-cell-last.uni-list-cell::after {
	height: 0rpx;
}

.uni-list-cell-divider {
	position: relative;
	display: flex;
	color: #999;
	background-color: #f7f7f7;
	padding: 15rpx 20rpx;
}

.uni-list-cell-divider::before {
	position: absolute;
	right: 0;
	top: 0;
	left: 0;
	height: 1px;
	content: '';
	-webkit-transform: scaleY(.5);
	transform: scaleY(.5);
	background-color: #c8c7cc;
}

.uni-list-cell-divider::after {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0rpx;
	height: 1px;
	content: '';
	-webkit-transform: scaleY(.5);
	transform: scaleY(.5);
	background-color: #c8c7cc;
}

.uni-list-cell-navigate {
	font-size: 30rpx;
	padding: 22rpx 30rpx;
	line-height: 48rpx;
	position: relative;
	display: flex;
	box-sizing: border-box;
	width: 100%;
	flex: 1;
	justify-content: space-between;
	align-items: center;
}

.uni-list-cell-navigate {
	padding-right: 36rpx;
}

.uni-navigate-badge {
	padding-right: 50rpx;
}

.uni-list-cell-navigate.uni-navigate-right:after {
	font-family: uniicons;
	content: '\e583';
	position: absolute;
	right: 24rpx;
	top: 50%;
	color: #bbb;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.uni-list-cell-navigate.uni-navigate-bottom:after {
	font-family: uniicons;
	content: '\e581';
	position: absolute;
	right: 24rpx;
	top: 50%;
	color: #bbb;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.uni-list-cell-navigate.uni-navigate-bottom.uni-active::after {
	font-family: uniicons;
	content: '\e580';
	position: absolute;
	right: 24rpx;
	top: 50%;
	color: #bbb;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.uni-collapse.uni-list-cell {
	flex-direction: column;
}

.uni-list-cell-navigate.uni-active {
	background: #eee;
}

.uni-list.uni-collapse {
	box-sizing: border-box;
	height: 0;
	overflow: hidden;
}

.uni-collapse .uni-list-cell {
	padding-left: 20rpx;
}

.uni-collapse .uni-list-cell::after {
	left: 52rpx;
}

.uni-list.uni-active {
	height: auto;
}

/* 图文列表 */
.uni-media-list {
	padding: 22rpx 30rpx;
	box-sizing: border-box;
	display: flex;
	width: 100%;
	flex-direction: row;
	align-items: center; // 内容垂直居中
}

.uni-navigate-right.uni-media-list {
	padding-right: 74rpx;
}

.uni-pull-right {
	flex-direction: row-reverse;
}

.uni-pull-right>.uni-media-list-logo {
	margin-right: 0rpx;
	margin-left: 20rpx;
}

/* 分界线 */
.uni-divider {
	height: 110rpx;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}

.uni-divider__content {
	font-size: 28rpx;
	color: #999;
	padding: 0 20rpx;
	position: relative;
	z-index: 101;
	background: #F4F5F6;
}

.uni-divider__line {
	background-color: #CCCCCC;
	height: 1px;
	width: 100%;
	position: absolute;
	z-index: 100;
	top: 50%;
	left: 0;
	transform: translateY(50%);
}


.uni-flex {
	display: flex;
	flex-direction: row;
}

.uni-row {
	flex-direction: row;
}

/* 吸顶效果 */
.sticky-box {
	/* #ifndef APP-PLUS-NVUE */
	/* display: flex; */
	position: -webkit-sticky;
	/* #endif */
	position: sticky;
	top: var(--window-top);
	z-index: 99;
	flex-direction: row;
	// margin: 0px;
	// padding: 15px 0 15px 0;
	// background-color: #F4F5F6;
	background-color: rgb(255, 251, 232);
	border-bottom-style: solid;
	border-bottom-color: #E2E2E2;
}

/* 标题文字大小 */
.title_text {
	text-align: center;
	font-size: 15px;
	color: rgb(222, 140, 23);
}

/* 内容-较大-文字大小 */
.content_text_large {
	text-align: center;
	font-size: 16px;
}

/* 内容-大-文字大小 */
.content_text_big {
	text-align: center;
	font-size: 15px;
}

/* 普通文字大小 在view中设置14px */
/* 内容-小-文字大小 */
.content_text_little {
	text-align: center;
	font-size: 13px;
}

/* 内容-较小-文字大小 */
.content_text_less {
	text-align: center;
	font-size: 12px;
}

/* 内容-迷你-文字大小 */
.content_text_mini {
	text-align: center;
	font-size: 11px;
}


/* 地图模块 begin */
.esri-popup__header {
	/*esri的popup标题栏*/
	background: -webkit-linear-gradient(left, rgb(0, 194, 216) 36%, rgb(44, 178, 222) 65%) !important;
	color: white;
	margin-bottom: 25px;
}

.esri-popup__header .esri-popup__icon {
	/*esri的popup标题栏下的按钮*/
	color: white;
}

.esri-popup__header .esri-popup__icon:hover {
	/*esri的popup标题栏下的按钮*/
	color: black;
}

.esri-ui-top-left {
	top: 180px !important;
}

.esri-popup {
	z-index: 9999 !important;
}

.esri-popup__pagination-previous,
.esri-popup__pagination-page-text,
.esri-popup__pagination-next,
.esri-popup__feature-menu-button {
	display: none !important;
}

/*优化地图显示位置和样式↓*/
#mapBody {
	border: 0px;
	position: absolute;
	top: 0px;
	width: 100%;
}

.videoButton {
	padding: 1px 12px !important;
}

/* 地图模块 end */

.uni-picker-container .uni-picker-content {
	height: 200px;
}

/* 项目状态背景色 */
.colortype0 {
	background-color: $uni-color-unknown;
}
.colortype1 {
	background-color: $uni-color-success;
}
.colortype2 {
	background-color: $uni-color-warning;
}
.colortype4 {
	background-color: $uni-color-success;
}
.colortype5 {
	background-color: $uni-color-error;
}
.colortype7 {
	background-color: $uni-color-unknown;
}
//车牌底色
.cardcolor{
		border-radius: 2px; // 边框圆角
		text-align: center; // 字体居中
		padding: 2px 9px; // 内边距
		display: inline-block; // 视用在什么元素上而定
}
//蓝牌
.card-blue {
	color: white;  // 字体颜色
	background-color: #1e68bb;  // 背景色
	border:white .5px solid; // 白色外边框
	box-shadow: 0 0 2px 2px #1e68bb;
}
//黄牌
.card-yellow {
	color: black;  // 字体颜色
	background-color: #FFCC22;  // 背景色
		  //border-radius: 2px; // 边框圆角
	border:#000000 .5px solid; // 白色外边框
		  // text-align: center; // 字体居中
		  // padding: 2px 9px; // 内边距
		  // display: inline-block; // 视用在什么元素上而定
	box-shadow: 0 0 2px 2px #FFCC22;
}
//绿牌		
.card-green {
	color: black;  // 字体颜色
	background-color: #00b800;  // 背景色
	//border-radius: 2px; // 边框圆角
	border:#000000 .5px solid; // 白色外边框
	// text-align: center; // 字体居中
	// padding: 2px 9px; // 内边距
	// display: inline-block; // 视用在什么元素上而定
	box-shadow: 0 0 2px 2px #00b800;
	}		
//白牌
.card-white {
		  color: black;  // 字体颜色
		  background-color: #ffffff;  // 背景色
		//  border-radius: 2px; // 边框圆角
		  border:#000000 .5px solid; // 白色外边框
		  // text-align: center; // 字体居中
		  // padding: 2px 9px; // 内边距
		  // display: inline-block; // 视用在什么元素上而定
		  box-shadow: 0 0 2px 2px #ffffff;
		}

//黑牌		
.card-black {
		  color: white;  // 字体颜色
		  background-color: #000000;  // 背景色
		 // border-radius: 2px; // 边框圆角
		  border:white .5px solid; // 白色外边框
		  // text-align: center; // 字体居中
		  // padding: 2px 9px; // 内边距
		  // display: inline-block; // 视用在什么元素上而定
		  box-shadow: 0 0 2px 2px #000000;
		}

/* 列表上关键字搜索框 */
.head-search {
	// padding: 5px 15px;
	display: flex;
	align-items: center;
	position: fixed;
	width: 100vw;
	height: 55px;
	background: #ffffff;
	z-index: 100;
	
	.search-bar {
		flex: 1;
	}
	.btn-content {
		display: flex;
		padding: 8px;
	
		.img {
			width: 26px;
			height: 26px;
		}
	}
}

.head-search .search-img {
	height: 20px;
	width: 20px;
}


// 通用布局样式
.mt10{
	margin-top: 10px;
}
.mr10{
	margin-right: 10px;
}
.mb10{
	margin-bottom: 10px;
}
.ml10{
	margin-left: 10px;
}

.h100{
	height: 100px !important;
}

/* 空心圆 */

.point-empty {
    width: 8px;
    height: 8px;
    background: #ffffff;
    border-radius: 50%;
    border: 2px solid#8C1FF5;
}
